.container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(../images/view-background.png);
	background-size: cover;
}
.container-mask{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ccc;
	opacity: .5;
}
.view-area {
	width: 18.75rem;
	height: 37.5rem;
	position: relative;
}

.view-area-background {
	width: 100%;
	height: 100% position: absolute;
	top: 0;
	left: 0;
	position: absolute;
}

.view-area-content {
	padding: 4.375rem 1.625rem 4.0625rem 1.5rem;
	width: 18.75rem;
	height: 37.5rem;
	box-sizing: border-box;
	position: relative;
}

.view-area-content-iframe {
	width: 15.6875rem;
	height: 29.0625rem;
	position: absolute;
	border: 0;
	background: #fff;
}

.view-tips {
	width: 12.5rem;
	height: 16.25rem;
	margin-left: 3.75rem;
	z-index: 30;
}
